{{ header }}

  {# start admin panel left sidebar #}
  {{ column_left }}
  {# end admin panel left sidebar #}

  {# start lexus theme control #}
  <div id="content">

    <div class="page-header">
      <div class="container-fluid">
        <h1><b>{{ heading_title }}</b></h1>
        <ul class="breadcrumb">
          {% for breadcrumb in breadcrumbs %}
            <li><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li>
          {% endfor %}
        </ul>

        <div class="pull-right">
          <a href="#" id="pavothemer-delete-all-export" data-toggle="tooltip" title="" class="btn btn-danger" data-original-title="{{ entry_delete_text }}"><i class="fa fa-trash-o"></i></a>
        </div>
      </div>
    </div>

    <div class="container-fluid">

      {% if errors.error_warning %}
        <div class="alert alert-danger alert-dismissible"><i class="fa fa-exclamation-circle"></i> {{ errors.error_warning }}
          <button type="button" class="close" data-dismiss="alert">&times;</button>
        </div>
      {% endif %}
      {% if success %}
        <div class="alert alert-success alert-dismissible"><i class="fa fa-check-circle"></i> {{ success }}
          <button type="button" class="close" data-dismiss="alert">&times;</button>
        </div>
      {% endif %}

      {{ samplesdemo }}

      <div class="panel panel-info">
        <div class="panel-heading"><h3 class="panel-title"><i class="fa fa-exchange"></i> {{ entry_import_export_text }}</h3></div>
        <div class="panel-body">
          <form class="form-horizontal">
            <fieldset>

              <p class="text-black"><b>{{ text_explain_use_tool }}</b></p>
              <div class="form-group">
                <label class="col-sm-2 control-label">{{ entry_progress_text }}</label>
                <div class="col-sm-10">
                  <div id="progress-import" class="progress progress-striped">
                    <div id="progress-bar" class="bar progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
                  </div>
                  <div id="progress-text"></div>
                </div>
              </div>

              <div class="form-group">
                <div class="col-sm-10 col-sm-offset-2">
                  <a href="{{ import_zip_ajax_url }}" id="pavothemer-import" class="btn btn-primary" data-original-title="{{ entry_import_zip_file }}" data-toggle="tooltip" data-loading-text="{{ entry_importing_text }}"><i class="fa fa-upload"></i> {{ entry_import_text }}</a>
                  <a href="{{ export_ajax_url }}" id="pavothemer-export" class="btn btn-default" data-start="{{ entry_create_export_path }}" data-loading-text="{{ entry_exporting_text }}"><i class="fa fa-download"></i> {{ entry_export_text }}</a>
                </div>
              </div>
            </fieldset>
          </form>
          <fieldset>
            <legend>{{ entry_export_history_text }}</legend>
            <div class="table-responsive">
              {{ sample_histories_table }}
            </div>
          </fieldset>
        </div>
      </div>

    </div>
  </div>
  {# end lexus theme control #}
{{ footer }}